body{
  font-size: 14px;
}
ul li{
  list-style: none;
}
ul,li{
  margin: 0;
  padding: 0;
}
.mui-bar{
  position: fixed;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0px rgba(0,0,0,.85);
  box-shadow: 0 0 0px rgba(0,0,0,.85);
}
header.mui-bar{
	background-color: #034880;
}
.mui-bar .mui-bar-right{
  line-height: 44px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99;
}

.mui-card {
  border-radius: 5px;
  box-shadow: none;
}

/* flex布局 */
.flex {
	display: flex;
}
.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

/* 字体大小 */
.text-df{
  font-size: 1rem;
}
.text-sm{
  font-size: 0.8rem;
}
/* 标签 */
.tag-sm{
  padding: 2px 10px;
}

/* 边距 */
.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 0.32rem;
}

.margin-sm {
	margin: 0.625rem;
}

.margin {
	margin: 0.94rem;
}

.margin-lg {
	margin: 1.25rem;
}

.margin-xl {
	margin: 1.5rem;
}

.margin-top-xs {
	margin-top: 0.32rem;
}

.margin-top-sm {
	margin-top: 0.625rem;
}

.margin-top {
	margin-top: 0.94rem;
}

.margin-top-lg {
	margin-top: 1.25rem;
}

.margin-top-xl {
	margin-top: 1.5rem;
}

.margin-right-xs {
	margin-right: 0.32rem;
}

.margin-right-sm {
	margin-right: 0.625rem;
}

.margin-right {
	margin-right: 0.94rem;
}

.margin-right-lg {
	margin-right: 1.25rem;
}

.margin-right-xl {
	margin-right: 1.5rem;
}

.margin-bottom-xs {
	margin-bottom: 0.32rem;
}

.margin-bottom-sm {
	margin-bottom: 0.625rem;
}

.margin-bottom {
	margin-bottom: 0.94rem;
}

.margin-bottom-lg {
	margin-bottom: 1.25rem;
}

.margin-bottom-xl {
	margin-bottom: 1.5rem;
}

.margin-left-xs {
	margin-left: 0.32rem;
}

.margin-left-sm {
	margin-left: 0.625rem;
}

.margin-left {
	margin-left: 0.94rem;
}

.margin-left-lg {
	margin-left: 1.25rem;
}

.margin-left-xl {
	margin-left: 1.5rem;
}

.margin-lr-xs {
	margin-left: 0.32rem;
	margin-right: 0.32rem;
}

.margin-lr-sm {
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}

.margin-lr {
	margin-left: 0.94rem;
	margin-right: 0.94rem;
}

.margin-lr-lg {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}

.margin-lr-xl {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.margin-tb-xs {
	margin-top: 0.32rem;
	margin-bottom: 0.32rem;
}

.margin-tb-sm {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}

.margin-tb {
	margin-top: 0.94rem;
	margin-bottom: 0.94rem;
}

.margin-tb-lg {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.margin-tb-xl {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 0.3125rem;
}

.padding-sm {
	padding: 0.625rem;
}

.padding {
	padding: 0.94rem;
}

.padding-lg {
	padding: 1.25rem;
}

.padding-xl {
	padding: 1.5rem;
}

.padding-top-xs {
	padding-top: 0.32rem;
}

.padding-top-sm {
	padding-top: 0.625rem;
}

.padding-top {
	padding-top: 0.94rem;
}

.padding-top-lg {
	padding-top: 1.25rem;
}

.padding-top-xl {
	padding-top: 1.5rem;
}

.padding-right-xs {
	padding-right: 0.32rem;
}

.padding-right-sm {
	padding-right: 0.625rem;
}

.padding-right {
	padding-right: 0.94rem;
}

.padding-right-lg {
	padding-right: 1.25rem;
}

.padding-right-xl {
	padding-right: 1.5rem;
}

.padding-bottom-xs {
	padding-bottom: 0.32rem;
}

.padding-bottom-sm {
	padding-bottom: 0.625rem;
}

.padding-bottom {
	padding-bottom: 0.94rem;
}

.padding-bottom-lg {
	padding-bottom: 1.25rem;
}

.padding-bottom-xl {
	padding-bottom: 1.5rem;
}

.padding-left-xs {
	padding-left: 0.32rem;
}

.padding-left-sm {
	padding-left: 0.625rem;
}

.padding-left {
	padding-left: 0.94rem;
}

.padding-left-lg {
	padding-left: 1.25rem;
}

.padding-left-xl {
	padding-left: 1.5rem;
}

.padding-lr-xs {
	padding-left: 0.32rem;
	padding-right: 0.32rem;
}

.padding-lr-sm {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.padding-lr {
	padding-left: 0.94rem;
	padding-right: 0.94rem;
}

.padding-lr-lg {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.padding-lr-xl {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.padding-tb-xs {
	padding-top: 0.32rem;
	padding-bottom: 0.32rem;
}

.padding-tb-sm {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

.padding-tb {
	padding-top: 0.94rem;
	padding-bottom: 0.94rem;
}

.padding-tb-lg {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.padding-tb-xl {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

/* -- 浮动 --  */

.cf::after,
.cf::before {
	content: " ";
	display: table;
}

.cf::after {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
.border0{
  border:0px;
}
.border-bottom{
  position: relative;
}
.border-bottom::after{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  background-color: #c8c7cc;
}
.border-top{
  position: relative;
}
.border-top::after{
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  background-color: #c8c7cc;
}
.shadow{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.text-center{
  text-align: center;
}

/* 背景色 */
.bg-white {
  background: #fff;
}
.bg-green{
  background: #10B7AF;
}
.bg-blue{
  background: #3188FE;
}
.bg-gray{
  background: #B4C0CF;
}

/* 字体颜色 */
.color-999{
  color: #999999;
}
.color-blue{
  color: #3188FE;
}
.color-orange {
  color: #FB9443;
}
.color-red {
  color: red;
}

/* 底部按钮 */
.fixed-btn{
  background: #fff;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
.fixed-btn button{
  width: 100%;
  height: 47px;
  border-radius: 30px;
   font-size: 20px;
}

.page-wrap{
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.page-scroll{
  flex: 1;
  overflow: auto;
}

.br{
	border: 1px solid red;
}
.mui-pull-bottom-tips {
        text-align: center;
      }
      
      .mui-pull-top-tips {
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -25px;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        z-index: 1;
      }
      
      .mui-bar~.mui-pull-top-tips {
        top: 24px;
      }
      
      .mui-pull-top-wrapper {
        width: 42px;
        height: 42px;
        display: block;
        text-align: center;
        background-color: #efeff4;
        border: 1px solid #ddd;
        border-radius: 25px;
        background-clip: padding-box;
        box-shadow: 0 4px 10px #bbb;
        overflow: hidden;
      }
      
      .mui-pull-top-tips.mui-transitioning {
        -webkit-transition-duration: 200ms;
        transition-duration: 200ms;
      }
      
      .mui-pull-top-tips .mui-pull-loading {
        /*-webkit-backface-visibility: hidden;
      				-webkit-transition-duration: 400ms;
      				transition-duration: 400ms;*/
        margin: 0;
      }
      
      .mui-pull-top-wrapper .mui-icon,
      .mui-pull-top-wrapper .mui-spinner {
        margin-top: 7px;
      }
      
      .mui-pull-top-wrapper .mui-icon.mui-reverse {
        /*-webkit-transform: rotate(180deg) translateZ(0);*/
      }
      
      .mui-pull-bottom-tips {
        text-align: center;
        background-color: #efeff4;
        font-size: 15px;
        line-height: 40px;
        color: #777;
      }
      
      .mui-pull-top-canvas {
        overflow: hidden;
        background-color: #fafafa;
        border-radius: 40px;
        box-shadow: 0 4px 10px #bbb;
        width: 40px;
        height: 40px;
        margin: 0 auto;
      }
      
      .mui-pull-top-canvas canvas {
        width: 40px;
      }